<template>
 <div>
 <swipe></swipe>
  <tab></tab>
  <course  title="免费课程" kind="free" page-size="10"></course>
  <course  title="精品课程" kind="boutique" page-size="5"></course>
  <course  title="限时折扣课程" kind="discount" page-size="5"></course>
  <course  title="限时折扣课程" kind="discount" page-size="5"></course>

 </div>
</template>

<script>
// @ is an alias to /src
import course from "../components/course";
import swipe from "../components/swipe";
import tab from  "../components/tab"
export default {
  name: 'Home',
  components: {
    swipe,
   tab,
   course
  }
}
</script>
